<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<jsp:include page = "../metadatos.jsp" flush = "True" />
<html>
    <head>
        <title>CONFIGURACION DE CATALOGOS  </title>
    </head>
    <body>
        <div class="wrapper">
            <header class="header">
                <img src="./resources/Logo.PNG" width="150" height="110"/>
            </header><!-- .header-->
            <main class="content">
                <form class="formee">
                    <h3> CATALOGO DE CATEGORIAS</h3>
                    <div class="grid-2-12">
                        <input type="button" value="NUEVA CATEGORIA" onclick="location.href = './TarryTPV?action=nuevaCategoria&idFamiliaApuntador=<c:out value="${principalTPV.idFamiliaApuntador}"/>'"  />
                    </div>
                    <div class="grid-2-12">
                        <input type="button" value="REGRESAR" onclick="location.href = './TarryTPV?action=adminCatalogo'"  />
                    </div>
                    <fieldset>
                        <legend>CATEGORIAS</legend>
                        <center>
                            <table width="1000" border="0" class="bordered">
                                <thead>
                                    <tr>
                                        <th><b>TIPO</b></th>
                                        <th><b>NOMBRE</b></th>
                                        <th><b>DESCRIPCION</b></th>
                                        <th><b>OBSERVACIONES</b></th>
                                        <th><b>EDITAR</b></th>
                                        <th><b>PRODUCTOS</b></th>
                                        <th><b>ELIMINAR</b></th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <c:forEach items="${principalTPV.categorias}" var="categoria">
                                        <tr>
                                            <td>
                                                <c:if test="${categoria.idTipo==1}">FAMILIA</c:if>
                                                <c:if test="${categoria.idTipo==2}">CATEGORIA</c:if>
                                                <c:if test="${categoria.idTipo==3}">PRODUCTO</c:if>
                                            </td>
                                            <td><c:out value="${categoria.nombre}"></c:out></td>
                                            <td><c:out value="${categoria.descripcion}"></c:out></td>
                                            <td><c:out value="${categoria.observaciones}"></c:out></td>
                                            <td><div align="center"><img src="./resources/editar.png" width="20" height="20" onclick="location.href = './TarryTPV?action=editaCategoria&idCategoria=<c:out value="${categoria.id}"/>'"/></div></td>
                                            <td><div align="center"><img src="./resources/lupa.jpg" width="20" height="20" onclick="location.href = './TarryTPV?action=productosCategoria&idCategoria=<c:out value="${categoria.id}"/>'"/></div></td>
                                            <td><div align="center"><img src="./resources/delete-icon.png" width="20" height="20" onclick="popup('./TarryTPV?action=eliminaCategoria&index=1&idCategoria=<c:out value="${categoria.id}"/>', 300, 300);"/></div></td>
                                        </tr>
                                    </c:forEach>
                                </tbody>
                            </table>
                        </center>
                    </fieldset>
                </form>
            </main>
        </div><!-- .wrapper -->
    </body>
</html>
<jsp:include page = "../pie.jsp" flush = "True" />